<template>
  <div class="search-result">
    <div class="title">查询结果</div>
    <div class="content">
      <div v-if="loading">正在加载...</div>
      <div v-else-if="result">查询结果：{{ result }}</div>
      <div v-else>未查询到结果</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: true, // 是否正在加载
      result: null, // 查询结果
    };
  },
  mounted() {
    // 获取查询参数
    const q = this.$route.query.q;
    // 模拟查询操作
    setTimeout(() => {
      if (q === '123456') {
        this.result = '已发货';
      } else if (q === '654321') {
        this.result = '未发货';
      }
      this.loading = false;
    }, 1000);
  },
};
</script>

<style scoped>
/* 样式代码 */
</style>

